*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}

a {
  color: #108ee9;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color .3s ease;
}
::selection {
  background: #108ee9;
  color: #fff;
}
/*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/
@media (max-width: 768px){
  .hidden-xs{
    display: none !important;
  }
}

@media (max-width: 992px){
  .hidden-md{
    display: none !important;
  }
}
.header-search {
  .ant-input-prefix{
    font-size: 18px;
    width: 18px;
    left: -10px !important;
    i{

    }
    .anticon-search{
       &:before{
         content: '\E670';
       }
    }
  }

  &.header-search_foucs{
    .ant-input-prefix .anticon-search{
      color: #aaa !important;
    }
    .anticon-search{
      &:before{
        content: '\E61b';
      }
      transform:rotate(180deg) ;

    }
  }
  .ant-input {
    height: 34px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: none;
    padding-left: 34px !important;
    transition: all ease-out 200ms;
    &::-webkit-input-placeholder { /* WebKit browsers */
      color: #fff !important;
      font-size: 14px;
    }
    &:focus{
      background-color: #fff !important;
      color: #aaa;
      &::-webkit-input-placeholder { /* WebKit browsers */
        color: #aaa !important;
      }

    }
  }
}


